<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<html>
<head>
   <script type="text/javascript">


       $(function () {
           //页面加载完毕，为div绑定事件
           //简单绑定
           //$('div').bind(时间类型，处理函数[有名/匿名])
            $('.live').bind('mouseover',function () {
                $(this).css('background-color','blue')
            })
           $('.live').bind('mouseout',function () {
               $(this).css('background-color','pink')
           })

           //为同一个对象的’多个不同类型事件‘绑定同一个处理
           //$('')
           $('.love').bind('click mouseover mouseout',function () {
               console.log('click')
           })

           //批量方式设置事件
           //通过一个“json对象”为节点同时绑定多个事件
           //$('div').bind(json对象)，当前都是匿名函数，也可以使用有名函数function f1()
           $('.live').bind({
               click:function () {
                   console.log('批量绑定事件1')
               },
                mouseover:function () {
                    console.log('批量事件绑定2')
                },
               mouseout:function () {
                   console.log('批量事件绑定3')
               }
           })
           $('div').bind('click',fa);
           $('.love').bind('click',fb);
           function fa() {
               console.log('fa')
           }
           function fb() {
               console.log('fb')
           }

       })
   </script>
    <style type="text/css">
        div{width: 300px;height: 300px;background-color: aqua}
    </style>
</head>
<body>
    <h2 class="blue ai">属性选择器</h2>
    <div class="live">fucking live</div>
    <br/>
    <div class="love">fucking love</div>
</body>
</html>
